// ignore_for_file: file_names, use_super_parameters

import 'package:flutter/material.dart';

class MyApp8 extends StatelessWidget {
  const MyApp8({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        // 1.1 导航
        appBar: AppBar(
          title: const Text('布局组件——Column'),
          backgroundColor: Colors.pink,
        ),
        // 1.2 主体内容
        body: Center(
          child: Container(
              width: 300,
              height: 400,
              alignment: Alignment.center,
              color: Colors.yellow,
              child: Column(
                // 主轴对齐
                mainAxisAlignment: MainAxisAlignment.center,
                // 侧轴方向对齐
                crossAxisAlignment: CrossAxisAlignment.center,

                children: [
                  Image.network(
                    'https://yanxuan-item.nosdn.127.net/afd6199278a5b8fd783bc4947960fabc.jpg',
                    width: 86,
                  ),
                  // 左外边距
                  const SizedBox(
                    height: 10,
                  ),
                  const Text('茶水分离杯耐热隔热玻璃杯'),
                  const Text('￥199.00'),
                ],
              )),
        ));
  }
}
